
.DetaileOrder .ProductDetaileTable thead tr{
    background-color: #76d4f5;
}
.DetaileOrder .ProductDetaileTable borders{
    border:1px solid #76d4f5;
}
.time_line_box{
    position: relative;
    height: 60px;
    overflow: hidden;
}
.time_line{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.order_item{
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 13px;
    padding-bottom: 15px;
    color: #4bcf99;
}
.order_item:after{
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    bottom: -5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
}
.selected:after{
    background-color: #4bcf99;
    border-color: #4bcf99;
}
.filling_line{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #4bcf99;
    transform-origin: left center;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: initial;
    transition-delay: initial;
}
.time_tip{
    width: 100%;
    height: 100px;
    line-height: 70px;
    text-align: center;
    color: #4bcf99;
    border-bottom: 1px solid #ddd;
}

.order_item{
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 13px;
    padding-bottom: 15px;
    color: #4bcf99;
}
.order_item:after{
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    bottom: -5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
}
.selected:after{
    background-color: #4bcf99;
    border-color: #4bcf99;
}
.filling_line{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #4bcf99;
    transform-origin: left center;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: initial;
    transition-delay: initial;
}
.time_tip{
    width: 100%;
    height: 100px;
    line-height: 70px;
    text-align: center;
    color: #4bcf99;
    border-bottom: 1px solid #ddd;
}
.good_pic_ul{
    overflow: hidden;
}
.good_pic_list{
    width: 100%;
    height: 10rem;
    display: -webkit-inline-box;
}
.good_pic_ul .pic_li_div{
    width: 8rem;
    height: 8rem;
    margin: 0.5rem 1rem;
    position: relative;
    top: 0;
    left: 0;
}
.pic_li_div img{
    width: 100%;
    height: 100%;
}
.pic_li_div .pic_btn{
    position: absolute;
    top: -10px;
    right: -5px;
}
.carouse_li_div{
    margin: 30px;
    position: relative;
    top: 0;
    right: 0;
}
.carouse_li_div .pic_btn{
    position: absolute;
    top: -7%;
    right: -5%;
}

/**店铺装修*/
.brandInfo .titleInfo {
    color: #fff;
    width: 100%;
    height: auto;
    /*background: url("../images/brandSettimg/titlebg.jpg");*/
    background-size: 100% 100%;
    z-index: 0;
}

.titleInfo:hover {
    border: 2px solid red;
}

.top {
    width: 90%;
    height: 3rem;
    margin: 0 auto;
    padding-top: 1rem;
}

img {
    width: 100%;
    height: 100%;
}

.bottom {
    width: 90%;
    height: 3rem;
    margin: 20px auto;
}

.searchIcon {
    width: 4rem;
    height: 1.5rem;
    line-height: 2rem;
}

.navinfo {
    line-height: 2rem;
}

.navinfo span {
    /*border: 1px solid red;*/
    padding: 0.5rem;
}

.couponInfo {
    /*background: url("../images/brandSettimg/couponBgImg.png");*/
    /*background-size: 100% 100%;*/
    width: 90%;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    margin: 1rem auto 0 auto;
    z-index: 1;
}
.couponInfo:hover {
    border: 2px solid red;
}
.couponInfo .removeIcon{
    position: absolute;

    top: -15%;

    right: -3%;

    background: #ccc;

    border-radius: 50%;
}
.couponSave {
    /*width: 2.5rem;*/
    /*height: 2.8rem;*/
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    padding: 0.1rem;
    background-size: 100% 100%;
    position: relative;
    top: 0;
    left: 0;
}

.couponCenter {
    display: inline-block;
    width: 100%;
    height: 50%;
}

.couponCenter span {
    display: block;
    width: 90%;
    margin: -18% auto;
    font-weight: bold;
    float: left;

    font-size: 1.5rem !important;
    -ms-transform: scale(1.1, 1.2);
    -webkit-transform: scale(1.1, 1.2);
    -moz-transform: scale(1.1, 1.2);
    -o-transform: scale(1.1, 1.2);
}

.couponCenter p {
    display: block;
    width: 10%;
    float: left;
    font-size: 5px !important;
    transform: scale(0.7);
    margin-top: 22%;
}

.couponCenter div:first-child {
    width: 100%;
    height: 50%;
}

.couponCenter img {
    width: 90% !important;
}
.next {
    width: 100%;
    height: 50%;
    font-size: 12px !important;
    white-space:nowrap;
    font-weight: lighter;

}
.next div:first-child{
    transform: scale(0.6);
    margin: -18% -20%;
}
.next div:last-child{
    transform: scale(0.6);
    margin: -20%;
}
.cboth {
    clear: both;
/ / 清除浮动
}

.couponSave:hover {
    border: 2px solid red;
}
.addClasstifyInfo :hover{
    border: 2px solid red;
}

.banner {
    width: 100%;
    height: 15rem;
}

.banner:hover {
    border: 2px solid red;
}

.centerInfo {
    background: url("../images/brandSettimg/BigBgImg.jpg");
    background-size: 100% 100%;
    width: 100%;
    height: auto;
}

.lodimg {
    width: 100%;
}

.classOneTitle{
    background-image: url(http://zhenai.ruinuomei.com/%E4%B9%9D%E8%88%AA%E5%93%81%E7%89%8C%E5%BA%97-%E6%A0%87%E9%A2%98%E6%A1%86.png);

    max-width: 304px;

    margin: 0 auto;

    margin-top: 0px;

    margin-top: 21px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    font-size: 21px;

    font-family: SourceHanSansCN;

    font-weight: 500;

    color: #fdf3ab;

    letter-spacing: 7px;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    text-indent: 7px;
}
.classOneTitle:hover{
    border: 2px solid red;
}
classTwoToOne:hover{
    border: 2px solid red;
}
.classOneToOne:hover{
    border: 2px solid red;
}
.classTwoToOne:hover{
    border: 2px solid red;
}
.classThreeToOne:hover{
    border: 2px solid red;
}
.classtifyOne:hover{
    border: 2px solid red;
}
.classOneCenter{
    width: 93%;
    margin: 0 auto;
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.classOneToOne{
    width: 119px;
    height: 162px;
    margin-bottom: 10px;
    background: #fff;
    /*background-image: url(…h+hzAIuxPYZaIz0+1Bc7s5aV/JtFdNekHBjanrqPxfgAEAmlT3uC2xS8UAAAAASUVORK5CYII=);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.classOneToOne .title{
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #cb4129;
    text-align: center;
    margin: 8px 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.classOneToOne .priceInfo{
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;    text-align: center;
    height: 32px;
    line-height: 21px;
    font-size: 12px;
    color: #a2a2a2;
}
.classTwoToOne{
    width: 346px;
    height: 394px;
    margin: 0 auto;
    margin-top: 16px;
    background: #fff;
    /*background-image: url(…XiizQAALbOkQsAAMQiAABiEQAAsQgAgFgEAKCu/l+AAQDDEbsIfxn6TAAAAABJRU5ErkJggg==);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
}
.classTwoToOne .titleImg{
    width: 98%;
    height: 240px;
    display: block;
    margin: 0 auto;
    margin-top: 4px;
    border-radius: 23px;
    overflow: hidden;
    position: relative;

}
.classTwoToOne .titleText{
    width: 209px;
    height: 32px;
    margin: 0 auto;
    background: #ccc;
    /*background-image: url(…AKtt7CLaXXyvbGooLP7xtb+MZDbGMKoI6esBJ3w/5PgAEAIvvHJnjXOawAAAAASUVORK5CYII=);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    margin-top: -16px;
    font-size: 19px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    color: #fdf7f7;
    position: relative;
}
.classTwoToOne .titleContent{
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #fc3b5c;
    padding: 0 21px;
    margin: 5px 0;
    text-align: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.classTwoToOne .priceInfo{
    padding: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -12px;
}
.classTwoToOne .buyBtton{
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-family: SourceHanSerifCN;
    font-weight: 600;
    color: #fcfbfb;
    position: absolute;
    bottom: 6px;
    background: #ccc;
}
.classTwoToOne .priceInfo .oldprice{
    font-size: 19px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    color: #2ac3a1;
}
.classTwoToOne .priceInfo .oldprice:first-child{
    font-size: 16px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    text-decoration: line-through;
    color: #2ac3a1;
}
.classTwoToOne .priceInfo .price{
    font-size: 59px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    color: #c8432b;
}
.classThreeToOne{
    width: 45%;
    height: auto;
    background: #fff;
    /*background-image: url(…XiizQAALbOkQsAAMQiAABiEQAAsQgAgFgEAKCu/l+AAQDDEbsIfxn6TAAAAABJRU5ErkJggg==);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 10px;
    position: relative;
}
.classThreeToOne .titleImg{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: 19px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    color: #fdf7f7;
    position: relative;
}
.classThreeToOne .titleText{
    width: 100%;
    height: 18px;
    margin: 0 auto;
    background: red;
    /*background-image: url(…AKtt7CLaXXyvbGooLP7xtb+MZDbGMKoI6esBJ3w/5PgAEAIvvHJnjXOawAAAAASUVORK5CYII=);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    margin-top: -9px;
    font-size: 10px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    color: #fdf7f7;
    position: relative;
}
.classThreeToOne .titleContent{
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #fc3b5c;
    padding: 0 13px;
    margin: 2px 0;
    text-align: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.classThreeToOne .priceInfo{
    padding: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -10px;
}
.classThreeToOne .buyBtton{
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-family: SourceHanSerifCN;
    font-weight: 600;
    color: #fcfbfb;
    position: absolute;
    bottom: 6px;
}
.classThreeToOne .priceInfo .oldprice{
    font-size: 10px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    color: #2ac3a1;
}
/*.classThreeToOne .priceInfo .oldprice:first-child{*/
/*    font-size: 16px;*/
/*    font-family: SourceHanSerifCN;*/
/*    font-weight: 500;*/
/*    text-decoration: line-through;*/
/*    color: #2ac3a1;*/
/*}*/
.classThreeToOne .priceInfo .price{
    font-size: 35px;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    color: #c8432b;
}
.classThreeToOne .buyBtton{
    width: 100%;
    text-align: center;
    font-size: 10px;
    font-family: SourceHanSerifCN;
    font-weight: 600;
    color: #fcfbfb;
    position: absolute;
    bottom: 0;
    background: red;
}